<template>
  <div class="common-layout">
    <div class="container">
      <h1>无人培训教室</h1>
      <div class="layout-container">
        <div class="left">
          <el-descriptions title="课程信息">
            <el-descriptions-item label="课程"
              >入场安全教育</el-descriptions-item
            >
            <el-descriptions-item label="课程时长"
              >130分钟</el-descriptions-item
            >
            <el-descriptions-item label="课件数量">20</el-descriptions-item>
            <el-descriptions-item label="待考人数">15人</el-descriptions-item>
          </el-descriptions>
        </div>
        <div class="center">
          <div class="video-area">视频抓拍区</div>
        </div>
        <div class="right">
          <h2>已签到人员</h2>
          <div class="attendees">
            <div class="attendee">张三</div>
            <div class="attendee">张三</div>
            <div class="attendee">张三</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import SocketService from "../../../main/services/webSocket"; // 根据实际路径调整
// 创建 SocketService 实例

//打开摄像头布防
function openCamera() {
  console.log("openCamera");
}

//关闭摄像头布防
function closeCamera() {
  console.log("closeCamera");
}
//获取课程信息
function getCourseInfo() {
  console.log("getCourseInfo");
}
</script>

<style scoped lang="scss">
@import "./css/index.scss";
</style>
